<?php
	
?>

<div class="container_12">

	
	<!--  
	<select id="reservationType">
		<option value="all">Todas as Reservas</option>
		<option value="future">Reservas Marcadas</option>
		<option value="past">Reservas Passadas</option>
	</select>
	-->
	
	<!-- datepicker interval -->
	<!--  <form class="well form-inline"> -->
	<form class="well form-inline"> 
		<select id="offerList" class="">
			<option value="0">Todas as ofertas</option>
		</select>
		<label>intervalo: </label>	
		<input type="text" class="cpan3" id="startDate">
		<label>até: </label> 	
		<input type="text" class="cpan3" id="endDate">
		<button class="btn" id="clearButton">reset</button> 
	</form>
	
	
	<table cellpadding="0" cellspacing="0" border="0" class="display" id="reservationTable">
		<thead>
			<tr>
				<th width="15%">Nome do cliente</th>
				<th width="35%">Nome da oferta</th>
				<th>email</th>
				<th width="15%">telefone</th>
				<th>data da reserva</th>
				<th>hotel</th>
			</tr>
		</thead>
		<tbody>
			<td colspan="5" class="dataTables_empty">... a carregar dados</td>	
		</tbody>
	</table>
	
	
	
	<!-- dialog to show info about the client when a datatable row is clicked -->
	<!--  <div id="reserveInfo" class="" title=""> -->

		<!--
		<div class="cal-container">
			<div class="cal-class-label 	inside-cal-container"><p>Aula 1:</p></div>
			<div class="cal-data-container 	inside-cal-container">
				<div class="cal-date-label"><p>Inicio:</p></div>
				<div class="cal-date"></div>
				<div class="cal-date-label"><p>Fim:</p></div>
				<div class="cal-date"></div>
			</div>
		</div>
		
		<div class="cal-container">
			<div class="cal-class-label 	inside-cal-container"><p>Aula 2:</p></div>
			<div class="cal-data-container 	inside-cal-container">
				<div class="cal-date-label"><p>Inicio:</p></div>
				<div class="cal-date"></div>
				<div class="cal-date-label"><p>Fim:</p></div>
				<div class="cal-date"></div>
			</div>
		</div>
		-->
		
	<!--  </div> -->
	
	<hr>
	
	<div class="grid_8 prefix_4">
		<div class="module-body">
			<div id="reserveInfo" class="" title="">
			</div>
		</div>
	</div>
	
	<div class="grid_8 prefix_4">
		<div class="module-body">
		<p></p>
		</div>
	</div>
	
</div><!-- #container_12 -->

<div style="clear:both;"></div>


<script>

</script>








